<template>
	<view class="bar-com-box chartsHeight">
		<!-- 柱状图 -->
		<qiun-data-charts type="column" :canvasId="barCanvasId" :opts="barOpts" :chartData="barChartData" :ontouch="ontouch" />
	</view>
</template>

<script>
import { barChartOption } from '@/utils/echarts.config.js';
export default {
	name: 'barCharts',
	props: {
		barCanvasId: {
			type: String
		},
		barChartData: {
			type: Object,
			default: function() {
				return {};
			}
		},
		ontouch: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			barOpts: {}
		};
	},
	mounted() {
		this.barOpts = JSON.parse(JSON.stringify(barChartOption));
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.bar-com-box.chartsHeight {
	height: 686rpx;
}
</style>
